<template>
    <div class="train-title text-center">
        <img src="../../../static/img/train.png">
        <span>安全知识培训</span>
    </div>
</template>

<script>
    export default {
        name: 'train-title'
    }
</script>

<style scoped lang="scss">
    .train-title {
        position: relative;

        > img {
            width: 85%;
        }

        > span {
            top: 34%;
            left: 40%;
            color: white;
            position: absolute;
            font-size: 22px;
            font-weight: bolder;
            white-space: nowrap;
            transform: translate(-50%, -50%);
        }
    }
</style>
